
/********************************************** common **********************************************/

/*内页顶部*/
.inside-page-top-exchange{ height: 59px;position: absolute;width: 100%;top: 0;left: 0; border-bottom: 1px solid #e7e7e7;}
.inside-page-top-exchange li{font-size: 16px;color: #666666; float: left;width: 186px;height: 60px;line-height: 60px;}
.inside-page-top-exchange li{background-image: url("../images/web_set_title_select.png");background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.inside-page-top-exchange li{position: absolute;top: 0;left: 0;z-index: 1;}
.inside-page-top-exchange li:nth-child(1){left: 0;}
.inside-page-top-exchange li:nth-child(2){left: 150px;}
.inside-page-top-exchange li:nth-child(3){left: 300px;}
.inside-page-top-exchange li:nth-child(4){left: 450px;}
.inside-page-top-exchange li a{display: block;padding-left: 40px;}
.inside-page-top-exchange li.active{z-index: 2; color: #3a5a97; background-image: url("../images/web_set_title.png");}
.inside-page-top-exchange li.active a{color: #3a5a97;}
.inside-page-top-exchange li:hover{z-index: 3;color: #3a5a97; background-image: url("../images/web_set_title.png");}
.inside-page-top-exchange li:hover a{color: #3a5a97;}

/*内页顶部2*/
.inside-page-top-exchange2{z-index: 9999;max-width: 1200px;width: 100%;height: 50px;padding-top: 9px; border-bottom: 1px solid #dcdcdc;overflow: hidden;}
.inside-page-top-exchange2 li{float: left;}
.inside-page-top-exchange2 li a{line-height: 38px;font-size: 16px; display: block;border-bottom: 2px solid #fff;padding: 0 20px;}
.inside-page-top-exchange2 li.active a{color: #3a5a97;border-bottom: 2px solid #3a5a97;}
.inside-page-top-exchange2 li:hover a{color: #3a5a97;border-bottom: 2px solid #3a5a97;}



/*语种*/
.language-exchange{position: absolute;top: 60px;left: 0;width: 100%;height: 60px; overflow: hidden;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7; padding: 10px 15px;}
.language-exchange div{border-bottom: 1px solid #e7e7e7;overflow: hidden;}
.language-exchange .language-btn{min-width: 65px;float: left;margin-right: 5px;border-radius: 5px;}
.language-exchange .language-btn{height: 36px;line-height: 36px;text-align: center;padding: 0 20px; display: inline-block; color: #222; background-color: #fff;border: 1px solid #fff;}
.language-exchange .language-btn:hover{opacity: 1;filter:Alpha(opacity=100); color: #fff; background-color: #3a5a97;}
.language-exchange .language-btn.active{opacity: 1;filter:Alpha(opacity=100); color: #fff; background-color: #3a5a97;}



.wrap-box{padding: 20px;height: 100%;}

.wrap-box .title-h1{font-size: 26px;line-height: 30px;margin-bottom: 20px;}
.wrap-box .title-h1 span{color: #aaaaaa;line-height: 30px;font-size: 16px;margin-left: 15px;}
.wrap-box .title-h1 a{color: #aaaaaa;line-height: 30px;font-size: 16px;margin-left: 15px;}
.wrap-box .title-h1 a:nth-child(1){font-size: 26px;line-height: 30px;margin-bottom: 20px;color: #333;margin-left: 0;}
.wrap-box .title-h2{font-size: 18px;line-height: 30px;margin-bottom: 0px;}

.wrap-box .more{margin-left: 10px; color: #999;line-height: 30px;}
.wrap-box .more:hover{color: #3a5a97;}

.wrap-box .content-box{border: 1px solid #e7e7e7;border-radius: 10px;padding: 15px; position: relative; width: 100%;overflow-y: auto; height: -moz-calc(100% - 50px);height: -webkit-calc(100% - 50px);height: calc(100% - 50px);}
.wrap-box .content-box-noradius{border-radius: 0px;}
.wrap-box .content-box .contents{min-height: 100%;height: 100%;}

.wrap-box .item-box{width: 100%;padding: 0 20px;padding-bottom: 30px;}
.wrap-box .item-box .tips{color: #999;display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 20px;}
.wrap-box .item-box.item-box-bac{background-color: #f5f5f5;}
.wrap-box .item-title{line-height: 30px;font-size: 14px;color:#222;font-weight: bold;position: relative}
.wrap-box .item-title span{font-size: 12px;color: #999;line-height: inherit;}
.wrap-box .item-title span.xing{color: #ff0000;}
.wrap-box .item-title .wen{margin-top: -8px; color: #3a5a97;position: relative;display: inline-block;vertical-align: top;}

.wrap-box .item-title .wen .i{font-size: 18px;display: inline-block;margin-top: -10px;}
.wrap-box .item-title .wen .wen-info{display: none;position: absolute;color: #7b8391;padding: 5px 15px;background-color: #d9e7f4;top: 50%;transform: translateY(-50%);left: 40px;width: 300px;font-size: 12px;line-height: 24px;box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.1);}
.wrap-box .item-title .wen .wen-info.width240{width: 240px;}
.wrap-box .item-title .wen:hover .wen-info{display: inline-block;}
.wrap-box .item-title .wen .wen-info:before{content: "";position: absolute;left: -10px;top: 50%;transform: translateY(-50%);border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #d9e7f4;}

.wrap-box .item-btn{padding-top: 30px;}
.wrap-box .item .input{width: 100%;max-width: 460px;}
.wrap-box .item .item-checkbox-border{margin: 15px 0;border: 1px solid #dcdcdc;padding: 15px 15px 5px;}
.wrap-box .item .item-checkbox-border .check-box-div{margin-bottom: 10px;}

.wrap-box .content-scroll-box{border:0;outline: none;height: calc(100% - 80px);position: absolute;top: 60px;left: 0;width: 100%;  width: 100%;border-left: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box:active{outline: none;border:0;}
.wrap-box .content-scroll-box:focus{outline: none;border:0;}
.wrap-box .content-scroll-box0{height: 100%;top: 0;}
.wrap-box .content-scroll-box1{height: calc(100% - 100px);top: 60px;}
.wrap-box .content-scroll-box2{height: calc(100% - 160px);top: 120px;}
.wrap-box .content-scroll-box3{height: calc(100% - 140px);top: 120px;}
.wrap-box .content-scroll-box4{height: calc(100% - 140px);top: 60px;}
.wrap-box .content-scroll-box5{height: calc(100% - 110px);top: 60px;}
.wrap-box .content-scroll-box6{height: calc(100% - 60px);top: 60px;border-bottom: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box7{height: calc(100% - 60px);top: 60px;}
.wrap-box .content-scroll-box .content-scroll{overflow-y: auto;padding: 10px 20px 30px;width: calc(100% - 17px)}
.wrap-box .content-scroll-box0 .content-scroll{padding: 10px 20px 0px;}
.wrap-box .content-scroll-box .content-scroll-botbtn{height: calc(100% - 46px)}
.wrap-box .content-scroll-box-border{width: calc(100% - 15px);left: 15px;border: 0;}
.wrap-box .content-scroll-box-border .content-scroll{border: 1px solid #dcdcdc;border-radius: 10px;}

.wrap-box .content-scroll-box .content-scroll2{padding-top: 60px;}
.wrap-box .content-scroll-box .inside-page-top-exchange2{position: absolute;top: 0;left: 15px;width:calc(100% - 45px); }


.wrap-box .content-scroll-box .item-box{padding: 0;padding-top: 30px;}
.wrap-box .content-scroll-box .item-box.no-pdt{padding-top: 0;}
.wrap-box .content-scroll-box .item-box.item-btn{padding-top: 50px;}
.wrap-box .content-scroll-box .item-box .input{width: 100%;max-width: 460px;margin-top: 8px;position: relative;display: inline-block;}
.wrap-box .content-scroll-box .item-box .input input{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 100%;display: block;height: 36px;border: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box .item-box .input select{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 100%;display: block;height: 36px;border: 1px solid #e7e7e7;}
.wrap-box .content-scroll-box .item-box .input input[readonly]{cursor: no-drop;background-color: #f4f4f4;}
.wrap-box .content-scroll-box .item-box .input textarea{border-radius: 3px;padding: 5px 10px;line-height: 24px; width: 100%;max-width: 460px;display: block;height: 36px;border: 1px solid #e7e7e7;}

.wrap-box .content-scroll-box .item-box .input.calcute input{padding-right: 70px;}
.wrap-box .content-scroll-box .item-box .input.calcute .num{position: absolute;bottom: 0;right: 0;width: 70px;text-align: center;line-height: 36px;color: #999999;}

.wrap-box .content-scroll-box .item-box .input.calcute textarea{padding-bottom: 30px;}
.wrap-box .content-scroll-box .item-box .input.calcute .num{background-color: #fff; position: absolute;bottom: 1px;right: 1px;width: 70px;text-align: center;line-height: 34px;color: #999999;}

.wrap-box .content-scroll-box .item-box.item-list .input{width: calc(100% - 40px);margin-top: 20px;vertical-align: top;}
.wrap-box .content-scroll-box .item-box.item-list .icon{width: 40px;text-align: center;line-height: 36px;display: inline-block;vertical-align: top;margin-top: 20px;}
.wrap-box .content-scroll-box .item-box.item-list .item-title{margin-bottom: -10px;}
.wrap-box .content-scroll-box .item-box.item-list .icon.add{color: #3a5a97;font-size: 18px;cursor: pointer;font-weight: bold}
.wrap-box .content-scroll-box .item-box.item-list .icon.delete{color: #666;font-size: 22px;cursor: pointer;}

.wrap-box .content-scroll-box .item-title img{display: inline-block;vertical-align: middle;margin-right: 12px;}
.wrap-box .content-scroll-box .item-box .input textarea{min-height: 100px;}
.wrap-box .content-scroll-box .item-title.fl{line-height: 46px;margin-right: 30px;}
.wrap-box .content-scroll-box .item-box-turn{padding-top: 0px;}

.wrap-box .bottom-btn{position: fixed;width: 100%;bottom: 0;left: 0; height: 55px;box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);background-color: #fff;}
.wrap-box .bottom-btn .layui-btn{margin-top: 10px;margin-left: 20px;}
.wrap-box .bottom-btn .tip-info{line-height: 20px;color: #999;display: inline-block;margin-left: 15px;margin-top: 10px;vertical-align: middle;word-break: break-all;}

.wrap-box .content-scroll-box .remarks{margin-top: 20px; padding:5px 10px;border: 1px solid #dcdcdc; max-width:460px;width: 100%;background-color: #f5f5f5;border-radius: 5px;}
.wrap-box .content-scroll-box .remarks span{line-height: 26px;color: #666666;padding-left: 40px;}
.wrap-box .content-scroll-box .remarks span:nth-child(1){color: #3a5a97;font-size: 16px;margin-right: 3px;padding-left: 0}
.wrap-box .content-scroll-box .remarks span:nth-child(2){padding-left: 0}

    /*banner*/
.wrap-box .content-scroll-box .item-multiple{padding: 0;padding-top: 30px;}
.wrap-box .content-scroll-box .item-multiple.no-pdt{padding-top: 0;}
.wrap-box .content-scroll-box .item-multiple .item-box{padding-top: 0px;}

.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info{padding-top: 10px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .item-title{width: 80px; display: inline-block;vertical-align: top;line-height: 32px;text-align: right;padding: 0 10px;margin-top: 8px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .item{width: 400px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input{width: 400px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .info .input input{width: 400px;line-height: 22px;height: 32px; display: inline-block;vertical-align: middle;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn{position: relative; float: left;width: 60px;height: 130px; margin-left: 10px;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn a{display: none; color: #3a5a97; position: absolute;top: 50%;transform: translateY(-50%);left: 0px;font-size: 26px;}
/*.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner:first-of-type .i-btn a{display: none !important;}*/
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner .i-btn a+a{left: 28px;color: #333;}
.wrap-box .content-scroll-box .item-multiple .item-cell-box-banner:hover .i-btn a{display: block;}

.search-item-box-div{position: relative;width: 300px;}
.search-item-box-div input{padding: 5px 10px;line-height: 24px;border: 1px solid #dcdcdc;border-radius: 3px;width: calc(100% - 68px);padding-right: 10px;padding-left: 30px;float: left;}
.search-item-box-div img{position: absolute;top: 50%;transform: translateY(-50%);left: 8px;}
.search-item-box-div button{float: right;width: 60px;min-width: 60px;}


.page-top-btns-box{padding: 15px 0;overflow: hidden;}
.page-top-btns-box .fl{}


.page-top-search-box{background-color: #f5f5f5}
.page-top-search-box3{background-color: #fff}
.page-top-search-box2{margin-left: -20px;width: calc(100% + 40px);padding: 10px 20px 20px;margin-top: -10px;margin-bottom: 10px;}
.page-top-search-box *{display: inline-block;vertical-align: middle;line-height: 36px;}
.page-top-search-box div *{margin-top: 10px;margin-right: 10px;}
.page-top-search-box div input{height: 36px; width: 220px; border: 1px solid #dcdcdc;background-color: #fff;padding: 5px 10px;line-height: 24px;}
.page-top-search-box div select{height: 36px;width: 220px; border: 1px solid #dcdcdc;background-color: #fff;padding: 5px 10px;line-height: 24px;}
.page-top-search-box div input.time{padding-left: 40px;background-position: 13px center; background-image: url("../images/time.png");background-repeat: no-repeat}
.page-top-search-box3 div select{width: 160px;}
.page-top-search-box3 .search-input-div{position: relative;}
.page-top-search-box3 .search-input-div img{position: absolute;margin: 0; left: 10px;top: 20px;}
.page-top-search-box3 .search-input-div input{padding-left: 30px;width: 260px;}


.table-no-data{min-height: 300px;text-align: center;}
.table-no-data p{display: inline-block;vertical-align: middle; padding-top: 30px;line-height: 30px; color: #999;text-align: center;}
.table-no-data p i{display: inline-block;vertical-align: middle;font-size: 26px;line-height: 30px;margin-right: 6px;margin-top: -3px;}

.table-paixu-input{text-align: center; width: 50px;height: 24px;padding: 2px 0px;line-height: 20px;border: 1px solid #dcdcdc;}



/********************************************** index **********************************************/


.wrap-box.wrap-index .content-box{border-radius: 0;border: 0;padding: 0;}
.wrap-index .t-top{overflow: hidden;margin-bottom: 20px; height: -moz-calc(20% - 20px); height: -webkit-calc(20% - 20px); height: calc(20% - 20px);}
.wrap-index .t-top li{position: relative; height: 100%;float: left;border-radius: 8px;border: 1px solid #e7e7e7; width: -moz-calc(20% - 16px); width: -webkit-calc(20% - 16px); width: calc(20% - 16px);margin-right: 20px;}
.wrap-index .t-top li:last-child{margin-right: 0px;}
.wrap-index .t-top li .img{width: 13.9%;line-height: 0;font-size: 0;position: absolute;left: 8%;top: 50%;transform: translateY(-50%);}
.wrap-index .t-top li .img img{width: 100%;}
.wrap-index .t-top li .texts{position: absolute;left: calc(21.9% + 15px);top: 50%;transform: translateY(-50%);}
.wrap-index .t-top li .text{line-height: 30px;font-size: 14px;color: #999999;}
.wrap-index .t-top li .num{line-height: 50px;font-size: 28px;color: #3a5a97;font-weight: bold;font-family: 'NotoSansHansBold';}

@media screen and (max-width: 1619px) {
    .wrap-index .t-top li .num{font-size: 24px;}
}

@media screen and (max-width: 1419px) {
    .wrap-index .t-top li .num{font-size: 22px;line-height: 40px;}
}
@media screen and (max-width: 1319px) {
    .wrap-index .t-top li .num{font-size: 20px;line-height: 30px;}
}

@media screen and (max-width: 1219px) {
    .wrap-index .t-top li .text{line-height: 24px;font-size: 12px;}
    .wrap-index .t-top li .num{font-size: 18px;line-height: 26px;}
}
@media screen and (max-width: 1119px) {
    .wrap-index .t-top li .img{width: 18%;}
}

@media screen and (max-width: 999px) {
    .wrap-index .t-top li .img{width: 12%;}
    .wrap-index .t-top{height: auto;}
    .wrap-index .t-top li{margin-bottom: 20px; height: 80px; width: -moz-calc(33.3333% - 14px); width: -webkit-calc(33.3333% - 14px); width: calc(33.3333% - 14px);}
    .wrap-index .t-top li:nth-child(3){margin-right: 0;}
}


.wrap-index .liuliang{margin-bottom: 20px; position: relative; padding: 30px 0 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);}
.wrap-index .liuliang .top{z-index: 9; position: absolute;width: 100%;top: 20px;left: 0;padding: 0 15px;}
.wrap-index .liuliang .top>div *{display: inline-block;vertical-align: middle;line-height: 32px;}
.wrap-index .liuliang .top .num{margin-left: 10px; padding: 0 15px;color: #252631;background-color: #f8fafb;border-radius: 35px;}
.wrap-index .liuliang .top .num span{margin-right: 8px; width: 10px;height: 10px;border-radius: 50%;background-color: #ffab2b;}
.wrap-index .liuliang .top .only{margin-left: 10px; padding: 0 15px;color: #252631;background-color: #f8fafb;border-radius: 35px;}
.wrap-index .liuliang .top .only span{margin-right: 8px;width: 10px;height: 10px;border-radius: 50%;background-color: #3a5a97;}
.wrap-index .liuliang .top .btn{margin-right: 10px; line-height: 30px; padding: 0 15px;color: #333;border: 1px solid #d8d8d8; background-color: #fff;border-radius: 3px;}
.wrap-index .liuliang .top .btn.active{background-color: #3a5a97;color: #fff;}
.wrap-index .liuliang .top .btn:hover{background-color: #3a5a97;color: #fff;}
.wrap-index .liuliang #index_liuliang_chart{width: 100%;height: 100%;}


.wrap-index .keyword{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);width: -moz-calc(40% - 14px);width: -webkit-calc(40% - 14px);width: calc(40% - 14px);}
.wrap-index .keyword .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .keyword table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .keyword table a{color: #3a5a97;}
.wrap-index .keyword table a:hover{color: #ffab2b;}
.wrap-index .keyword table thead th{border:1px solid #fff;text-align: center;padding: 1% 8px;}
.wrap-index .keyword table thead th:nth-child(1){text-align: left;}
.wrap-index .keyword table tbody td{text-align: center;padding: 10px 8px;}
.wrap-index .keyword table tbody td:nth-child(1){text-align: left;}


.wrap-index .inquiry{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);width: -moz-calc(40% - 14px);width: -webkit-calc(40% - 14px);width: calc(40% - 14px);}
.wrap-index .inquiry .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .inquiry table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .inquiry table a{color: #3a5a97;}
.wrap-index .inquiry table a:hover{color: #ffab2b;}
.wrap-index .inquiry table thead th{border:1px solid #fff;text-align: center;padding: 1% 8px;}
.wrap-index .inquiry table thead th:nth-child(1){text-align: left;}
.wrap-index .inquiry table tbody td{text-align: center;padding: 10px 8px;}
.wrap-index .inquiry table tbody td:nth-child(1){text-align: left;}
.wrap-index .inquiry table tbody td .icon{font-size: 24px;display: inline-block;vertical-align: middle;margin-right: 3px;color: #bbb;}

.wrap-index .resource{float: left;margin-bottom: 20px; position: relative; padding: 30px 0 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);width: -moz-calc(20% - 14px);width: -webkit-calc(20% - 14px);width: calc(20% - 14px);}
.wrap-index .resource .top{z-index: 9; position: absolute;width: 100%;top: 20px;left: 0;padding: 0 15px;}
.wrap-index .resource .top>div *{display: inline-block;vertical-align: middle;line-height: 32px;}
.wrap-index .resource #index_resource_chart{width: 100%;height: 100%;}


.wrap-index .news{float: left;margin-right: 20px;margin-bottom: 20px; padding: 10px 15px 10px; border: 1px solid #e7e7e7;border-radius: 8px; height: -moz-calc(40% - 20px); height: -webkit-calc(40% - 20px); height: calc(40% - 20px);width: -moz-calc(40% - 14px);width: -webkit-calc(40% - 14px);width: calc(40% - 14px);}
.wrap-index .news .table-scroll{overflow-y: auto; max-height:-moz-calc(100% - 30px);max-height: -webkit-calc(100% - 30px);max-height: calc(100% - 30px);}
.wrap-index .news table{border: 0px solid #ddd;margin-top: 6px;}
.wrap-index .news table a{color: #3a5a97;}
.wrap-index .news table a:hover{color: #ffab2b;}
.wrap-index .news table thead{display: none;}
.wrap-index .news table thead th{border:1px solid #fff;text-align: center;padding: 1% 8px;}
.wrap-index .news table thead th:nth-child(1){text-align: left;}
.wrap-index .news table tbody td{text-align: center;padding: 8px 8px;}
.wrap-index .news table tbody td:nth-child(1){text-align: left;}
.wrap-index .news table .circle{display: inline-block;width: 5px;height: 5px;vertical-align: middle;border-radius: 50%;background-color: #999999;margin-top: -5px;margin-right: 5px;}
.wrap-index .news table .info{display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.wrap-index .no-authority{position: absolute;left: 0;right: 0;top: 45%;transform: translateY(-50%);width: 300px;margin: 0 auto;}
.wrap-index .no-authority .img{float: left;margin-right: 20px;}
.wrap-index .no-authority .text{line-height: 60px;font-size: 30px;color: #3a5a97;}
.wrap-index .no-authority .time{line-height: 30px;font-size: 16px;color: #999;}


/********************************************** setting watermark **********************************************/

.wrap-watermark .item-box.item-box-bac{height: 50px;max-width: 1000px;width: 100%;padding-left: 15px;}
.wrap-watermark .item-title.fl{display: inline-block;vertical-align: middle; line-height: 50px; margin-right: 30px;font-weight: bold;}
.wrap-watermark .left-box{width: 50%;padding-right: 2%;margin-top: 30px;}
.wrap-watermark .right-box{width: 50%;padding-left: 5%;border-left: 1px dashed #e7e7e7;margin-top: 30px;}
.wrap-watermark .right-box .preview{margin-top: 10px; border: 1px solid #e7e7e7;width: 422px;height: 422px;padding: 10px;}
.wrap-watermark .right-box .preview .img-bac{width: 400px;height: 400px;position: relative;background-image: url("../images/watermark_img.png");background-repeat: no-repeat;background-size: 100% 100%;background-position: center;}
.wrap-watermark .right-box .preview .img-bac img{position: absolute;top: 0;left: 0;width: auto;height: auto;}
.wrap-watermark .right-box .preview .img-bac img.center{top: 50% !important;left: 50% !important;transform: translate(-50%,-50%) !important;}

.watermark-slide .layui-slider{width: 260px;border: 1px solid #dcdcdc;border-radius: 2px;background-color: #fff;height: 12px;}
.watermark-slide .layui-slider-bar{background-color: #fff !important;}
.watermark-slide .layui-slider-wrap{top: -14px;background-image: url("../images/percent_linebtn.png");background-position: center;background-repeat: no-repeat;}
.watermark-slide .layui-slider-wrap .layui-slider-wrap-btn{border: 0 !important;background-color: unset;}
.watermark-slide .layui-slider-tips:after{display: none;}
.watermark-slide .layui-slider-tips{background-image: url("../images/percent_line_num.png");background-position: center;background-repeat: no-repeat;width: 54px;height: 33px;background-color: unset;color: #333;text-align: center;font-size: 12px;line-height: 30px;}


/********************************************** 网站管理 **********************************************/

/* base info */
.wrap-webmg .content-box{border: 0px;position: relative;overflow: hidden;}
.wrap-webmg .shouye-left-content{float: left;width: 480px;position: relative;line-height: 0;font-size: 0;display: block;}
.wrap-webmg .shouye-left-content .mb-back-img{width: 100%;height: auto;}
.wrap-webmg .shouye-left-content .click-area{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.wrap-webmg .shouye-left-content .click-area .area{position: absolute;background-color: rgba(0,0,0,0.5);}
.wrap-webmg .shouye-left-content .click-area .area[data-type='bacimg']{background-color: unset;}
.wrap-webmg .shouye-left-content .click-area .area.selected{background-color: unset;border: 2px solid #3a5a97;}

.wrap-webmg .shouye-right-content{float: right;width: calc(100% - 510px)}
.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner{max-width: 800px;padding: 20px 0px 10px;}
.wrap-webmg .shouye-right-content .area-item-box.area-banner-box .item-cell-box-banner{border-bottom: 1px solid #dcdcdc;}
.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner:first-of-type{padding-top: 0;}
/*.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner .i-btn a{display: block !important}*/
.wrap-webmg .shouye-right-content .area-item-box .item-cell-box-banner .info{padding-top: 0px !important;}

.wrap-webmg .shouye-right-content .area-item-box.area-pav-box .item-cell-box-banner .i-btn a{display: none !important}


.wrap-webmg .shouye-right-content .area-item-box{display: none;}
.wrap-webmg .shouye-right-content .area-item-box.show{display: block;}


    /*语言设置*/
.wrap-webmg .set-language-btn{position: relative;margin-top: 5px; vertical-align: middle;display: inline-block;}
.wrap-webmg .set-language-btn input[type='radio']{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);}
.wrap-webmg.wrap-webmg-language .item-title{min-width: 128px;}
.wrap-webmg.wrap-webmg-language .zifu1{display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .zifu1 span{color: #000;}
.wrap-webmg.wrap-webmg-language .zifu2{display: inline-block;line-height: 26px;margin-top: 10px;margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .zifu2 span{color: #3a5a97;}
.wrap-webmg.wrap-webmg-language .item-box .tips{margin-left: 30px;}
.wrap-webmg.wrap-webmg-language .item-box{padding-top: 10px}
.wrap-webmg.wrap-webmg-language #max_language_num{padding-bottom: 10px;}
.wrap-webmg.wrap-webmg-language .language-list{height: calc(100% - 220px);background-color: #f5f5f5;}
.wrap-webmg.wrap-webmg-language .language-list .list{padding: 10px;overflow: hidden;}
.wrap-webmg.wrap-webmg-language .language-list .list ul{float: left;width: 20%;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li{position: relative;margin-bottom: 5px;color: #222;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li span{display: inline-block; border: 1px solid #f5f5f5;padding: 0 4px 0 10px;line-height: 28px;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li input[type='checkbox']{position: absolute;width: 100%;height: 100%;top:0;left: 0;opacity: 0;filter:Alpha(opacity=0);}
.wrap-webmg.wrap-webmg-language .language-list .list ul li:hover span{border: 1px solid #3a5a97;color: #3a5a97;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.checked{}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.checked span{border: 1px solid #3a5a97;color: #fff;padding-right: 30px;background-color: #3a5a97;background-image: url("../images/language_duigou.png");background-position: calc(100% - 8px) center;background-repeat: no-repeat;}
.wrap-webmg.wrap-webmg-language .language-list .list ul li.main.checked span{padding: 0 4px 0 10px;color: #222;border-color: #d4d4d4; background-color: #d4d4d4;background-image: unset;}

/*导航设置*/
.wrap-webmg.wrap-webmg-navigation .navigation-list{padding-top: 20px; max-width: 700px;width: 100%;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li{margin-bottom: 10px; padding: 18px 20px 18px 12px;position: relative; color: #3a5a97; height: 60px;width: 100%;border-radius: 5px;background-color: #f5f5f5;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li i{font-size: 26px;float: left;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li span{margin-left: 10px; color: #222;float: left;display: inline-block;line-height: 26px;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li a{color: #3a5a97;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;}
.wrap-webmg.wrap-webmg-navigation .navigation-list li a.edit{right: 60px;}

/*选择模板*/
.wrap-webmg-select-muban .left{position: relative; float: left;padding: 15px; height: 100%;width: 36.6%;background-color: #f5f5f5;border-radius: 10px;}
.wrap-webmg-select-muban .left .top{overflow: hidden;padding-bottom: 10px;}
.wrap-webmg-select-muban .left .top .yulan{float: right;}
.wrap-webmg-select-muban .left .top .select{float: right;margin-left: 20px;}
.wrap-webmg-select-muban .left .number{float: left;line-height: 36px;}
.wrap-webmg-select-muban .left .number span{color: #3a5a97;margin-left: 6px;}
.wrap-webmg-select-muban .left .img-box{overflow: hidden;position: relative; width: 100%;height: calc(100% - 46px);border: 1px solid #dcdcdc;}
/*.wrap-webmg-select-muban .left .img-box img{position: absolute;bottom: -100%;top: 0;width: 100%;max-height: unset;left: 0; transition: all 2s;}*/
/*.wrap-webmg-select-muban .left .img-box:hover{border-color: #3a5a97;}*/
/*.wrap-webmg-select-muban .left .img-box:hover img{top: -100%;bottom: 0;}*/

.wrap-webmg-select-muban .left .img-box{transition: background-position 2s;background: url("../images/select_muban.png") left top no-repeat;background-size: 100% auto !important;}
.wrap-webmg-select-muban .left .img-box:hover{background-position: left bottom !important;}
.wrap-webmg-select-muban .right{float: right;width: 60%;}
.wrap-webmg-select-muban .right .muban-list ul{overflow: hidden;}
.wrap-webmg-select-muban .right .muban-list ul li{padding: 0px 20px 20px; width: 28.3333%;margin: 20px 2.5% 0px;border-radius: 5px; float: left; position: relative;overflow: hidden; background-color: #f5f5f5;}
.wrap-webmg-select-muban .right .muban-list ul li .img{border: 1px solid #dcdcdc;text-align: center;height: 326px;overflow: hidden;}
.wrap-webmg-select-muban .right .muban-list ul li .img img{width: 100%;height: auto;max-height: unset;}
.wrap-webmg-select-muban .right .number{line-height: 40px;}
.wrap-webmg-select-muban .right .number span{color: #3a5a97;margin-left: 6px;}
.wrap-webmg-select-muban .right .muban-list ul li .cover{position: absolute;width: 100%;top: 100%;left: 0;height: 100%;transition: all 0.5s;background-color: rgba(0,0,0,0.4)}
.wrap-webmg-select-muban .right .muban-list ul li:hover .cover{top: 0;}
.wrap-webmg-select-muban .right .muban-list ul li .cover .item-muban-btn{position: absolute;width: 43px;height: 43px;top: 50%;left: 50%;transform: translate(-50%,-50%);background: url("../images/select_muban_unselected.png") center no-repeat;}
.wrap-webmg-select-muban .right .muban-list ul li .cover span{display: none; color: #3a5a97;font-weight: bold; position: absolute;top: calc(50% + 40px);left: 50%;transform: translate(-50%,-50%);}
.wrap-webmg-select-muban .right .muban-list ul li.selected .item-muban-btn{background-image: url("../images/select_muban_selected.png")}
.wrap-webmg-select-muban .right .muban-list ul li.selected .cover{top: 0;}
.wrap-webmg-select-muban .right .muban-list ul li.used .cover{top: 0;background-color: unset;border: 2px solid #3a5a97;}
.wrap-webmg-select-muban .right .muban-list ul li.used .item-muban-btn{background-image: url("../images/select_muban_selected.png")}
.wrap-webmg-select-muban .right .muban-list ul li.used .cover span{display: block;}
.wrap-webmg-select-muban .right .nano-content{padding-top: 56px;top: 1px;}
.wrap-webmg-select-muban .right .page-top-search-box3{padding: 0 2.5% 10px;position: absolute;width: 100%;top: 0;left: 0;z-index: 9;}
@media screen and (max-width: 1726px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 102px;}
}
@media screen and (max-width: 1619px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 280px;}
}
@media screen and (max-width: 1519px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 240px;}
}
@media screen and (max-width: 1319px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 200px;}
}
@media screen and (max-width: 1219px){
    .wrap-webmg-select-muban .left{width: 50%}
    .wrap-webmg-select-muban .right{width: 48%}
    .wrap-webmg-select-muban .right .muban-list ul li{width: 45%;}
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 240px;}
}
@media screen and (max-width: 1129px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 148px;}
}
@media screen and (max-width: 1072px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 194px;}
}
@media screen and (max-width: 1019px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 180px;}
}

@media screen and (max-width: 900px){
    .wrap-webmg-select-muban .right .muban-list ul li .img{height: 200px;}
    .wrap-webmg-select-muban .left{width: 60%}
    .wrap-webmg-select-muban .right{width: 38%}
    .wrap-webmg-select-muban .right .muban-list ul li{width: 95%;}
    .page-top-search-box3 .search-input-div input{width: 180px;}
}
@media screen and (max-width: 737px){
    .wrap-webmg-select-muban .right .nano-content{padding-top: 240px;}
}

    /********************************************** 设置 **********************************************/

.wrap-social-account-set .account-item{width: 100%;max-width: 760px;padding-bottom: 10px;}
.wrap-social-account-set .account-item .item{overflow: hidden;padding: 12px 20px;background-color: #f5f5f5;margin-top: 10px;}
.wrap-social-account-set .account-item .item img{margin-right: 10px; float: left; width: 36px;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item .item span{float: left; line-height: 36px; display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item .item a{float: right;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul{padding-left: 70px;padding-right: 30px;}
.wrap-social-account-set .account-item ul li{padding-top: 24px;overflow: hidden;}
.wrap-social-account-set .account-item ul img{margin-right: 10px; float: left; width: 46px;display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul span{float: left; line-height: 46px; display: inline-block;vertical-align: middle;}
.wrap-social-account-set .account-item ul a{float: right;display: inline-block;vertical-align: middle;font-size: 22px;line-height: 46px;color: #666;}

.wrap-social-share-manage ul{overflow: hidden;}
.wrap-social-share-manage ul li{float: left;width: 30.3333%;margin: 20px 1.5% 0px;border-radius: 5px;border: 1px solid #dcdcdc;overflow: hidden;}
.wrap-social-share-manage ul li .title{line-height: 33px;background-color: #3a5a97;padding: 0 15px;color: #fff;}
.wrap-social-share-manage ul li .text{line-height: 30px;height: 136px;padding: 8px 15px;overflow: hidden;}
.wrap-social-share-manage ul li .bot{height: 33px;background-color: #f5f5f5;text-align: right;}
.wrap-social-share-manage ul li .bot>div{padding: 0 15px; display: inline-block;vertical-align: middle;}
.wrap-social-share-manage ul li .bot>div .icon{line-height: 33px;}

.wrap-setting-kefu .radio-box-div{position: relative; text-align: center;margin-right: 40px;vertical-align: top;margin-top: 10px;}
.wrap-setting-kefu .radio-box-div .text{color: #999;position: absolute;top: -2px;left: 70%;white-space: nowrap;}
.wrap-setting-kefu .top-line{background-color: #f5f5f5;padding: 2px 20px !important;overflow: hidden;}
.wrap-setting-kefu .top-line a{margin-top: 10px;}
.wrap-setting-kefu .kefu-item{position: relative;overflow: hidden;margin-top: 15px;border-bottom: 1px solid #dcdcdc;}
.wrap-setting-kefu .kefu-item .fl{width: 23%;margin-left: 2%;margin-bottom: 20px;margin-top: 10px;}
.wrap-setting-kefu .kefu-item .fl img{width: 55px;display: inline-block;vertical-align: middle;float: left;margin-right: 6px;}
.wrap-setting-kefu .kefu-item .fl .name{line-height: 50px;}
.wrap-setting-kefu .kefu-item .fr{width: 75%;}
.wrap-setting-kefu .kefu-item .fr li{float: left; position: relative; padding: 10px 10px 10px 25px; width: 31.333%;margin-left: 2%;margin-bottom: 20px;background-color: #f5f5f5}
.wrap-setting-kefu .kefu-item .fr li .delete{display: none; position: absolute;top: 10px;right: 20px;color: #3a5a97;}
.wrap-setting-kefu .kefu-item .fr li .edit{display: none;position: absolute;top: 10px;right: 60px;color: #3a5a97;}
.wrap-setting-kefu .kefu-item .fr li p{line-height: 30px;}
.wrap-setting-kefu .kefu-item .move{display: none;position: absolute;left: 0;font-size: 22px;}
.wrap-setting-kefu .kefu-item .move1{top: 25px;}
.wrap-setting-kefu .kefu-item .move2{left: 3px; top: 50%;transform: translateY(-50%)}
.wrap-setting-kefu .kefu-item:hover .move1{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .move2{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .delete{display: block;}
.wrap-setting-kefu .kefu-item .fr li:hover .edit{display: block;}
@media screen and (max-width: 1019px){
    .wrap-setting-kefu .kefu-item .fr li{width: 48%}
}
@media screen and (max-width: 767px){
    .wrap-setting-kefu .kefu-item .fr li{width: 98%}
}

/********************************************** seo优化 **********************************************/
.wrap-seo .content-box{border: 0px;position: relative;overflow: hidden;}

/********************************************** 放最后的css **********************************************/



*.red-border{border-color: #ff0000 !important;}
label.m-error{color: #ff0000;line-height: 30px;}
.ajax-form-dialog label.m-error{padding-left: 120px;}
.max-width-limit760{width: 100%;max-width: 760px;}
.max-width-limit1000{width: 100%;max-width: 1000px;}
.max-width-limit1200{width: 100%;max-width: 1200px;}



/********************************************** 内容管理页面 **********************************************/
.gray-title{
    height:55px;
    background:rgba(245,245,245,1);
    margin: -10px -20px;
}

.gray-title-hr{
    width:4px;
    height:16px;
    background:rgba(58,90,151,1);
    margin: 18px 0 0 20px;
    float: left;
}

.gray-title-text{
    height:16px;
    font-size:16px;
    font-weight:bold;
    color:rgba(58,90,151,1);
    line-height:60px;
    margin: -2px 0 0 10px;
    float: left;
}



